<script setup>
import {useAppStore} from "@/store/modules/app.js";

const appStore = useAppStore()

const visible = ref(false)
</script>

<template>
  <div class="config-headers">
    <el-popover
        placement="bottom"
        :width="220"
        :popper-style="{padding: '6px'}"
        v-model="visible"
        trigger="click">
      <el-input v-model="appStore.groupName" size="small" style="width: 206px"></el-input>
      <template #reference>
        <span class="link" slot="reference">修改配置{{'\u2002'}}</span>
      </template>
    </el-popover>
  </div>
</template>

<style scoped lang="scss">
.config-headers{
  font-size: 13px;
  color: #757575;
  .link {
    color: #00a7ff;
    cursor:pointer;
    outline: 0;
    background-color: transparent;
    transition: color .3s;
  }
}
</style>